<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">




	</style>
</head>
<body>
<form action="javasript:">
	<p>
		<p>
			<select name="" id="sid" >
				<option value="shanghai" order='3'>beijing</option>
				<option value="beijing" order='0'>shanghai</option>
				<option value="tiaiyuan" order='4'>tiayuan</option>
			</select>
          <p><input type="button" value='ok' id='btn'></p>
		</p>
	</p>
</form>	
</body>
<script type="text/javascript">
	btnobj=document.getElementById('btn');
	sidobj=document.getElementById('sid');
btnobj.onclick=function(){
	// alert(sidobj.value);



// 	idx=sidobj.selectedIndex;
// 	alert(idx);
idx=sidobj.selectedIndex;
add=sidobj.options;
alert(add[idx].value);
alert(add[idx].getAttribute('order'));

}
</script>
</html>